.clock{
	background: url(img/clock_bg.png) no-repeat scroll top left transparent;
	height:46px;
	width:46px;
	position:absolute;
	overflow:hidden;
}

.clock .rotate{
	position:absolute;
	width:46px;
	height:46px;
	top:0;
	left:0;
}

.rotate.right{
	z-index:11;
}

.clock .bg, .clock .front{
	width:23px;
	height:46px;
	background-color:transparent;
	position:absolute;
	top:0;
}

.clock .display{
	color: #00CCFF;
	font-size: 24px;
	left: 0;
	position: absolute;
	text-align: center;
	top: 10px;
	width: 46px;
	z-index: 20;
}
.clock .bg.left{ left:0; }
.orange .bg.left{ background: url(img/clock_full.png) no-repeat scroll top left transparent; }
.clock .bg.right{ left: 23px; }
.orange .bg.right{ background: url(img/clock_full.png) no-repeat scroll top right transparent; }
.clock .front.right{
	right:0;
	z-index:10;
	background: url(img/clock_bg.png) no-repeat scroll top right transparent;
}